<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link
      rel="stylesheet"
      href="//at.alicdn.com/t/font_2990434_aaxqpd9w7e8.css"
    />

    <link rel="stylesheet" href="../stylesheets/css/shopcar.css" />
  </head>
  <body>
    <div class="top-bar">
      <div class="top-box">
        <div class="top-box-left">
          <a href="" class="text-link">帮助中心</a>
          <a href="" class="text-link">收藏</a>
          <a href="" class="text-link">360官网</a>
          <a href="" class="text-link">360智慧生活</a>
        </div>
        <div class="top-box-right">
          <div class="login-box">
            <div class="user-login text-link">登录</div>
            <div class="user-reg text-link">注册</div>
          </div>
          <div class="cart">
            <a href="" class="text-link"
              ><i class="iconfont icon-shop-cart-"></i
            ></a>
            <div class="cart-detail-box">
              <a href="" class="text-link"
                ><i class="iconfont icon-shop-cart-"></i
              ></a>
              <div class="cart-box-text">
                您的购物车还没有商品，赶紧去选购吧！
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="index-header">
      <div class="header clearfix">
        <div class="header-box clearfix">
          <div class="header-left">
            <a href="">
              <i class="logo"></i>
            </a>
            <div class="news">
              <a href="">新品推荐</a>
            </div>
            <div class="hot">
              <a href="">热卖榜单</a>
            </div>
          </div>
          <div class="header-right">
            <div class="search">
              <div class="search-ipt">
                <input type="text" />
              </div>
              <i class="seacrch-icon iconfont icon-search"></i>
            </div>
            <div class="search-list">
              <a href="">记录仪</a>
              <a href="">摄像机</a>
              <a href="">路由器</a>
              <a href="">耳机</a>
              <a href="">扫地机</a>
              <a href="">智能手表</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="body">
      <div class="cartApp">
        <div class="gCart">
          <div class="cart_list">
            <table cellspacing="0" class="tables">
              <thead>
                <tr>
                  <td class="hhh">
                    <div
                      class="ck-wrap ck-all fl j_operate"
                      data-op="cancel_all"
                    >
                      <span class="common-checkbox checked"></span>
                      <span class="common-label">全选</span>
                    </div>
                  </td>
                  <td>商品</td>
                  <td>属性</td>
                  <td>单价</td>
                  <td>数量</td>
                  <td>小计</td>
                  <td>操作</td>
                </tr>

                <tr>
                  <td colspan="7" class="vip_shop">
                    <div class="cart-head-tit">360商城自营</div>

                    <div class="youhui cart-head-quan j_coupon">
                      优惠券
                      <div class="youhuiquan">
                        <div class="tc" style="color: #333; padding: 15px 0">
                          加载中...
                        </div>
                      </div>
                    </div>
                  </td>
                </tr>
              </thead>
              <tbody class="tbodys mod-cart-list">
                <!--套装 暂时不加-->

                <!-- 商品赠品 -->
                <!--领取成功的赠品-->
                <!--领取成功的换购商品-->
              </tbody>
            </table>
            <div class="stat">
              <div class="statistics mod-cart-console fixed-bottom-">
                <div class="ck-wrap ck-all fl j_operate" data-op="select_all">
                  <span class="common-checkbox"></span>
                  <span class="common-label">全选</span>
                </div>
                <span
                  class="delCheck"
                  data-op="delete"
                  data-val="-1"
                  data-monitor="shopcart_delete_btn_click"
                  >删除选中商品</span
                >
                <a
                  class="submit-button cart-btn j_go_pay fr"
                  href="javascript:;"
                  style=""
                  data-monitor="cart_settlement"
                  >去结算</a
                >
                <div class="description">
                  <p class="main">
                    <span class="goods"
                      >已选<strong class="jnum"></strong><b>1件</b>商品</span
                    >
                    <strong class="cart-total"
                      >合计：<span class="unit">¥429.00</span></strong
                    >
                  </p>
                  <p class="cart-sale">已优惠：￥0.00</p>
                </div>
              </div>
            </div>
          </div>
          <div class="addItem"></div>
          <div class="mod-up-dialog-bd"></div>
          <style>
            .cartEmptyx {
              height: 520px;
              overflow: hidden;
            }
            .goshopping {
              background: #fc673e;
              font-size: 20px;
              height: 40px;
              left: 340px;
              line-height: 40px;
              position: absolute;
              text-align: center;
              top: 150px;
              width: 120px;
            }
            .goshopping,
            .goshopping:hover {
              color: #fff;
            }
            .cartEmptyx .wrapper {
              height: 206px;
              margin: 157px auto 0;
              position: relative;
              width: 640px;
            }
            .cartEmptyx .wrapper p {
              color: #bebebe;
              font-size: 28px;
              left: 340px;
              position: absolute;
              top: 80px;
            }
          </style>
          <div class="kongcart">
            <!-- <div class="cartEmptyx">
              <div class="wrapper">
                <img class="kongCart-img" src="../images/t019eb2016764d86089.png"></img>
                <p>您的购物车居然是空的</p>
                <a href="/search" class="goshopping">去逛逛</a>
              </div>
            </div> -->
          </div>
        </div>
      </div>
    </div>

    <div class="footer">
      <div class="helper-footer">
        <div class="footer-box clearfix">
          <div class="helper-box about-box">
            <p class="helper-title">关于商城</p>
            <p class="helper-text">
              360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。
            </p>
            <div class="follow-box">
              <span>关于我们</span>
              <span>
                <a class="iconfont icon-weixin"></a>
                <a class="iconfont icon-xinlangweibo"></a>
              </span>
            </div>
          </div>
          <div class="helper-box link-box">
            <div class="helper-title">售后服务</div>
            <div>
              <a href="">7日无理由退货</a>
              <a href="">质量问题15日内换货 </a>
              <a href="">保修条款</a>
              <a href="">服务流程</a>
              <a href="">许可协议</a>
              <a href="">隐私政策</a>
            </div>
          </div>
          <div class="helper-box link-box">
            <div class="helper-title">帮助中心</div>

            <a href="">用户注册</a>
            <a href="">会员说明</a>
            <a href="">登录与密码找回</a>
            <a href="">购买指南</a>
            <a href="">支付方式</a>
            <a href="">配送与说明</a>
          </div>
          <div class="helper-box contact-box">
            <div class="helper-title">联系我们</div>
            <p class="phone">400-6822-360</p>
            <p class="time">周一至周日 9:00-18:00（仅收市话费）</p>
          </div>
        </div>
      </div>
      <div class="copyright-floor">
        <div class="footer-box">
          <div class="service-policy-list">
            <a href="">
              <i class="iconfont icon-caigoutuihuodan"></i>
              7天无理由退货
            </a>
            <a href="">
              <i class="iconfont icon-huanhuodan"></i>
              15天免费换货
            </a>
            <a href="">
              <i class="iconfont icon-baoyou"></i>
              满99元包邮
            </a>
          </div>
          <div class="copyright-line">
            <p>©2019-2021 mall.360.cn版权所有</p>

            <p>京ICP备08010314号-6 营业执照</p>
            <p>
              公司名称：北京视觉世界科技有限公司 |
              社会统一信用代码：91110105336460203N | 食品经营许可证
            </p>
            <p>
              公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 |
              联系方式：400-6822-360
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="right-side">
      <div class="right-middle-box">
        <a href="" style="display: none">
          <i class="iconfont icon-youhuiquan"></i>
          <div class="right-active-box"></div>
        </a>
        <a href="">
          <i class="iconfont icon-xiaoxi"></i>
          <div class="right-hover-box">
            <span class="item-text">意见反馈</span>
          </div>
        </a>
        <a href="">
          <i class="iconfont icon-wechat"></i>
          <div class="right-hover-box wx">
            <div class="wx-img">
              <img src="../images/wx.png" alt="" />
            </div>
            <span class="item-text">关注公众号</span>
          </div>
        </a>
        <a href="">
          <i class="iconfont icon-kefu"></i>
          <div class="right-hover-box">
            <span class="item-text">在线客服</span>
          </div>
        </a>
      </div>
      <div class="right-bottom-box">
        <a href="">
          <i class="iconfont icon-ziyuanxhdpi"></i>
          <!-- <div class="right-hover-box">
            <span class="item-text"></span>
          </div> -->
        </a>
        <a href="" class="backtop">
          <i class="iconfont icon-fanhuidingbu"></i>
          <div class="right-hover-box">
            <span class="item-text">返回顶部</span>
          </div>
        </a>
      </div>
    </div>

    <script
      src="../javascripts/library/require.js"
      data-main="../javascripts/shopcar.js"
    ></script>
    <script src="../javascripts/library/jquery.js"></script>
    <script src="../javascripts/users.js"></script>
  </body>
</html>
